﻿{% extends "_layout.html" %}

{# 样式代码 #}
{% block style %}
    <link href="css/index.css" rel="stylesheet" >
{% endblock %}

{# body代码#}
{% block body %}
    <!--container start-->
	<div class="container_custom custom" id="custom">
		<div class="container">
			<div class="custom_con">
				<div class="private_custom">
					<img src="img/custom_title.png"/>
				</div>
				<div class="surprise">
					<img src="img/surprise.png"/>
				</div>
				<p class="custom_p">这个世界充满着可能性，每个人都能找到适合你的美食。为你爱的人定一份餐吧，古有鸿雁传书，今有美食传情。愿我们都心中有爱，同时被爱。</p>
				<div class="custom_tel">
					<img src="img/service_tel.png"/>
				</div>
				<ul class="custom_list">
					<li>
						<div class="custom_list_title">各类节假日</div>
						<p class="custom_p">每个生日，纪念日等重大节假日的来临，食艺道都会带来一场专属于您的视觉以及味觉盛宴。</p>
					</li>
					<li>
						<div class="custom_list_title">量身定制</div>
						<p class="custom_p">针对素食者、健身者等高要求的各类人群，食艺道会为您量身设计专业优质的私人服务。</p>
					</li>
					<li>
						<div class="custom_list_title">其他活动</div>
						<p class="custom_p">针对私人派对，各类宴会等一切服务活动，食艺道会为您精心打造拥有自己风格的时尚生活品质。</p>
					</li>
				</ul>
				<div class="custom_message">	
					<ul class="message_list">
						<li>
							<div class="message_input">
								<input type="text" id="mName" value="" placeholder="名字" />		
							</div>
							<div class="reg-icon">
								<img src="img/right01.png"/>
							</div>
							<div class="prompt_info"></div>
						</li>
						<li>
							<div class="message_input">
								<input type="text" id="mPhone" value="" placeholder="电话" />		
							</div>
							<div class="reg-icon">
								<img src="img/right01.png"/>
							</div>
							<div class="prompt_info"></div>
						</li>
						<li>
							<div class="message_input">
								<input type="text" id="mEmail" value="" placeholder="邮箱" />		
							</div>
							<div class="reg-icon">
								<img src="img/right01.png"/>
							</div>
							<div class="prompt_info"></div>
						</li>
						<li>
							<textarea id="customRequire" name="customRequire" rows="" cols="" placeholder="留言备注"></textarea>
						</li>
						<li>
							<input type="button" class="trs" id="mBtn" value="确定" />
							<div class="prompt_info"></div>
						</li>
					</ul>	
					<p>如您有其他特殊需求，请随时给我们留言，我们会尽快安排客服人员与您进行联系，提供只属于您的专属服务。</p>	
				</div>
			</div>
		</div>
	</div>
	<!--container end-->
{% endblock %}
{#js代码#}
{% block js %}
    <script type="text/javascript" src="js/index.js"></script>
{% endblock %}